<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro"  uri="http://shiro.apache.org/tags" %>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>流水查询</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
  </head>
  <style>
    .col-md-2{
      padding: 0;
    }
    .modular{
      font-size: 25px;
      /*font-weight: bold;*/
      color: white;
    }
    .name{
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #ddd;
    }
    .form-group{
      margin-bottom: 5px;
    }
    .col-md-3{
      padding: 0;
    }
    .col-md-2{
      padding: 0;
      float: left;
    }
    .modular{
      font-size: 25px;
      /*font-weight: bold;*/
      color: white;
    }
    .on{
      background-color: #f5f5f5;
    }
    .title{
      border-right:1px solid #ddd ;
      background-color: #f1f1f1;
    }
    .col-md-2{
      padding: 0;
    }
    .col-md-9{
      top: -28px;
      left: 10%
    }
    .col-md-6{
      left: -4%;
    }
    .companyname{
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      padding-left: 10px;
    }
    .nocompany,.yescompany{
      /*border: 1px solid #ddd;*/
      margin-bottom: 10px;
    }
    .modular{
      font-size: 25px;
      /*font-weight: bold;*/
      color: white;
    }

    .able-outer-container,.able-select-area {
      width: 370px;
      height: 100px;
    }
    .able-outer-container {
      overflow: hidden;
    }
    .able-inner-container {
      overflow-x: hidden;
      overflow-y: scroll;
    }

    .able-inner-container::-webkit-scrollbar {
      display: none;
    }
    .mod-1{
      position: relative;
      top: 40px;
      left: 20px;
      border: 1px solid #ddd;
      width: 16%;
      height: 750px;
      float: left;
    }
    .rec{
      min-height: 450px;
      border: 1px solid #ddd;
      float: left;
      border-radius: 10px !important;
      background-color: #f6f6f6;
    }
    .col-msg{
      float: left;
    }
    .msg-val{
      position: relative;
      height: 37px;
    }
    .user{
      width: 100%;
      height: 28px;
      line-height: 28px;
      font-size: 15px;
    }
    .success{
      text-align: center;
      font-size: 25px;
      line-height: 80px;
      color: green;
    }
    .money{
      height: 45px;
      line-height: 45px;
      font-size: 14px;
      background-color: #f6f6f6;
      text-align: center;
    }
    .on{
      background-color: #f5f5f5;
    }
    .portlet.light > .portlet-title > .caption > .caption-subject {
      font-size: 18px;
    }
    h5{
      margin-top: 13px;
      font-size: 14px;
      font-weight: 400;
    }
    .aa{
      height: 40px;
      width: 800px;
      background-color: red;
      position: absolute;
      z-index: 99;
    }
    .merchant-Msg{
      position: relative;
      top: 5px;
    }
    .able-a-merchant{
      position: relative;
      margin-top: 5px;
      color: #2488CC;
    }
    .dialog-hui{
      position: relative;
      width: 94%;
      left: 3%;
      top: 15px;
      height: 65%;
      border: 1px solid #e0e0e0;
    }
    .dialog-title{
      width: 100%;
      height: 20%;
      background-color: #f9f9f9;
    }
    .dialog-p{
      font-size: 16px;
      font-weight: 400;
      position: relative;
      left: 16px;
      top: 10px;
    }
    .dialog-p2{
      font-size: 14px;
      font-weight: 400;
      position: relative;
      left: 16px;
      top: 12px;
    }
    .dialog-box{
      width: 96%;
      height: 65%;
      top: 16px;
      position: relative;
      left: 2%;
      border: 1px solid;
    }
    .dialog-name{
      width: 100%;
      height: 33%;
      border-bottom: 1px solid;
    }
    .dialog-name2{
      width: 100%;
      height: 33%;
    }
    .box-name2{
      width: 16.5%;
      height: 100%;
      position: relative;
      float: left;
      background-color: #f5f5f5;
      border-right: 1px solid;
    }
    .box-name{
      width: 16.5%;
      height: 100%;
      background-color: #f5f5f5;
      float: left;
      border-right: 1px solid;
    }
    .box-name3{
      width: 17%;
      height: 100%;
      position: relative;
      background-color: #f5f5f5;
      border-right: 1px solid;
      float: left;
    }
    .box-nameVal{
      height: 100%;
    }
    .box-nameVal2{
      height: 100%;
      position: relative;;
      width: 16.5%;
      float: left;
      border-right: 1px solid;
    }
    .box-nameVal3{
      width: 16.5%;
      height: 100%;
      position: relative;
      float: left;
    }
    .modal-lg {
      width: 1000px;
    }

    .form-control-feedback {
      line-height: 34px !important
    }
    .alarm{
    }
    .data-box{
      position: relative;
      width: 98%;
      left: 1%;
      margin-top: 22px;
    }
    .data-box2{
      position: relative;
      width: 98%;
      left: 1%;
    }
  </style>
  <body>
  <div class="page">
    <!-- Main Navbar-->
    <jsp:include page="header.jsp"></jsp:include>
    <div class="page-content d-flex align-items-stretch">
      <!-- Side Navbar -->
      <jsp:include page="left.jsp"></jsp:include>
      <div class="content-inner"  style="background-color: white">
        <!-- Page Header-->
        <header class="page-header">
          <div class="container-fluid">
            <h2 class="no-margin-bottom">流水查询</h2>
          </div>
        </header>
        <div class="content-box" >
          <div class="col-md-12" style="padding: 0;margin: 0px 0 10px 0;line-height: 40px;height: 50px ;left: 1%;width: 98%;">
            <div class="col-md-2 name" id="turnover">账户流水</div>
            <div class="col-md-2 name" id="bill">账户账单</div>
            <a href="/query/queryMerchantPage" style="position: relative;left: 55%"><button class="btn green" style="margin-left: 30px;">返回</button></a>
            <!--<button class="btn green Printing" onclick="printout()" style="float: right;display: none">打印列表</button>-->
          </div>
          <!--账户流水-->
          <div class="col-md-12 turnover" style="border: 1px solid #ddd;min-height: 660px;display:block;width: 98%;left: 1%;">
            <div class="col-md-12" style="line-height: 50px">
              <div class="row">
                <div class="col-md-6" style="padding: 0;font-size: 16px;font-weight: bold"><span id="name"></span><span id="month"></span>流水</div>
                <div class="col-md-6" style="height: 50px">
                  <div class="layui-inline" style="width: 50%;margin-left: 30%">
                    <label class="layui-form-label" style="width: 30%;margin-top: 9px">年月选择器</label>
                    <div class="layui-input-inline" style="width: 70%;top: 9px;">
                      <input id="searchMerchantId" value="${id}" type="hidden">
                      <input id="searchMerchantPage" value="${page}" type="hidden">
                      <input type="text" class="layui-input" name="searchMonth" id="demoReload" placeholder="选择月份">
                    </div>
                  </div>
                  <button class="btn green query" data-type="reload" style="height: 38px;margin-left: 2%">查询</button>
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="row">
                <table class="layui-hide" id="LAY_table_user" lay-filter="Receipt"></table>
              </div>
            </div>
            <!--<div class="col-md-12" style="border: 1px #ddd solid;line-height: 40px;background-color: #f1f1f1;position: absolute;bottom: 0;">-->
            <div class="row" style="border: 1px #ddd solid;line-height: 40px;background-color: #f1f1f1;position: absolute;bottom: 0;width: 100%">
              <div class="col-md-6" style="padding: 0;text-align: center">充值合计(元) : <span class="rechargemoney">11</span></div>
              <div class="col-md-6" style="padding: 0;text-align: center">扣款合计(元) : <span class="settlementmoney"></span></div>
              <!--<div class="col-md-3" style="padding: 0;text-align: center">补贴抵扣合计(元) : 0.00</div>-->
              <!--<div class="col-md-3" style="padding: 0;text-align: center">补贴发放调剂合计(元) : 0.00</div>-->
            </div>
            <!--</div>-->
          </div>
          <!--账户账单 -->
          <div class="col-md-12 bill" style="border: 1px solid #ddd;min-height: 600px;;margin-bottom: 15px;display: none;left: 1%;width: 98%">
            <div class="col-md-12" style="font-size: 16px;line-height: 40px;text-align: center;padding: 0">
              <div class="row" style="background-color: #f6f6f6;">
                <div class="col-md-6" style="border-right: 1px solid #ddd">当前余额(元) : <span class="balance"></span></div>
                <div class="col-md-6">本年累计扣款(元) : <span class="cost"></span></div>
              </div>
            </div>
            <div class="col-md-12" style="line-height: 50px">
              <div class="row">
                <div class="col-md-6" style="padding: 0;font-size: 16px;font-weight: bold;left: 1%">各月账单(含当月实时账单,单位 ：元)</div>
                <div class="col-md-6" style="line-height: 50px;margin-top: 8px">
                  <button class="btn green query" data-type="reload" style="float: right" id="query">查询</button>
                  <div class="col-md-6" style="float: right">
                    <input  type="text" class="layui-input" placeholder="请选择年份"  id="demoReload2"  />
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="row" >
                <table class="layui-hide" id="LAY_table_user2" lay-filter="user"></table>
                <script type="text/html" id="barDemo">
                  <a class="layui-btn layui-btn-xs"  lay-filter="user" id="edit" lay-event="edit" style="color: white">详情</a>
                  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="day" style="color: white">日数据</a>
                </script>
              </div>
            </div>
          </div>
        </div>
        <!-- Page Footer-->
        <jsp:include page="footer.jsp"></jsp:include>
      </div>
    </div>
  </div>
  <script>
    $("#query-menu").addClass('active');
  </script>
  <script src="${pageContext.request.contextPath}/js/query.js"></script>
  </body>
</html>